<%@ page import="com.letv.whatslive.web.util.WebUtils" %>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<!-- BEGIN TOP NAV -->
<div class="top-navbar">
    <div class="top-navbar-inner">
        <%
            String userName = WebUtils.getLoginUserNameNotNull(request);
            String lang = "ZN";
        %>
        <!-- Begin Logo brand -->
        <div class="logo-brand">
            <img src="${ctx }/static/assets-sentir/img/logo-login.png" alt="Sentir logo">
        </div><!-- /.logo-brand -->
        <!-- End Logo brand -->

        <div class="top-nav-content">

            <!-- Begin button sidebar left toggle -->
            <div class="btn-collapse-sidebar-left">
                <i class="fa fa-long-arrow-right icon-dinamic"></i>
            </div><!-- /.btn-collapse-sidebar-left -->
            <!-- End button sidebar left toggle -->

            <!-- Begin button sidebar right toggle -->
            <%--<div class="btn-collapse-sidebar-right">
                <i class="fa fa-bullhorn"></i>
            </div>--%><!-- /.btn-collapse-sidebar-right -->
            <!-- End button sidebar right toggle -->

            <!-- Begin button nav toggle -->
            <%--<div class="btn-collapse-nav" data-toggle="collapse" data-target="#main-fixed-nav">
                <i class="fa fa-plus icon-plus"></i>
            </div>--%><!-- /.btn-collapse-sidebar-right -->
            <!-- End button nav toggle -->

            <!-- Modal -->
            <div class="modal fade" id="LogoutModal" tabindex="-1" role="dialog" aria-labelledby="LogoutModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="LogoutModalLabel">退出系统</h4>
                        </div>
                        <div class="modal-body">
                            确认要退出系统？
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary" onclick="location.href='${ctx }/newlogout'">退出</button>
                        </div><!-- /.modal-footer -->
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-doalog -->
            </div><!-- /#LogoutModal -->

            <!-- Begin user session nav -->
            <ul class="nav-user">
                <li class="dropdown">
                    <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="${ctx }/static/image/user_logo_defult.jpg" class="avatar img-circle" alt="Avatar">
                        Hi, <strong><%=userName%></strong>
                    </a>
                    <ul class="dropdown-menu square primary margin-list-rounded with-triangle">
                        <li><a href="#LogoutModal" data-toggle="modal">退出登录</a></li>
                    </ul>
                </li>
            </ul>

            <!-- End user session nav -->

            <!-- Begin Collapse menu nav -->
            <div class="collapse navbar-collapse" id="main-fixed-nav">
                <!-- Begin nav search form -->
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="搜索">
                    </div>
                </form>
                <!-- End nav search form -->
                <ul class="nav navbar-nav navbar-left">
                    <!-- Begin nav notification -->
                    <li class="dropdown">
                        <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="badge badge-danger icon-count">7</span>
                            <i class="fa fa-bell"></i>
                        </a>
                        <ul class="dropdown-menu square with-triangle">
                            <li>
                                <div class="nav-dropdown-heading">
                                    通知消息
                                </div><!-- /.nav-dropdown-heading -->
                                <div class="nav-dropdown-content scroll-nav-dropdown">
                                    <ul>
                                    </ul>
                                </div><!-- /.nav-dropdown-content scroll-nav-dropdown -->
                                <button class="btn btn-primary btn-square btn-block">查看所有通知</button>
                            </li>
                        </ul>
                    </li>
                    <!-- End nav notification -->
                </ul>
                <ul id="webLanguage" class="nav navbar-nav nav-lang">
                    <li class="active">
                        <a href="#fakelink"  class="dropdown-toggle" data-toggle="dropdown" data-stopPropagation="true">
                            <img src="${ctx }/static/image/China.png" class="lang-icon" alt="Avatar">中文
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="${ctx }/static/image/usa.png" class="lang-icon" alt="Avatar">英文
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="${ctx }/static/image/russia.png" class="lang-icon" alt="Avatar">俄文
                        </a>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
            <!-- End Collapse menu nav -->
        </div><!-- /.top-nav-content -->
    </div><!-- /.top-navbar-inner -->
</div><!-- /.top-navbar -->
<!-- END TOP NAV -->